<template>
  <div>
    <vue-header></vue-header>
    <div class="dialogList">
      <dialoglist-item></dialoglist-item>
    </div>
    <vue-footer></vue-footer>
  </div>
</template>
<script>
  import dialogListItem from './dialogListItem'
  import vueFooter from '../../components/footer/footer'
  import vueHeader from '../../components/header/header'
  export default {
    name: 'dialogList',
    data () {
      return {
      }
    },
    components: {
      'dialoglist-item': dialogListItem,
      vueFooter,
      vueHeader
    }
  }
</script>
<style>
  .dialogList {
    margin-top: 60px;
  }
  .topBar .tx{float: right;}
  .user_tx img{
    border-radius: 50%
  }
</style>
